<script setup lang="ts">
export interface MenuOption {
    label: string;
    value: string;
}

interface Props {
    option?: MenuOption;
    active?: boolean;
}

defineProps<Props>();
</script>

<template>
    <li class="py-4">
        <span
            class="block text-black cursor-pointer"
            :class="{ '!text-[#30C05D]': active }"
        >
            {{ option?.label }}
        </span>
    </li>
</template>

<style scoped></style>
